page {
  background: #f7f8fa;

  .cart-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30upx 20upx;
    background: white;
    margin: 20upx;
    border-radius: 8upx;
    box-shadow: 0 1px 10px #f2f2f2;

    .checkbox {
			z-index: 8;
			font-size: 44upx;
			line-height: 1;
			padding: 4upx;
			color: $font-color-disabled;
			background:#fff;
			border-radius: 50px;
    }

    .image-wrapper {
      margin-left: 10upx;
			width: 210upx;
      height: 200upx;
      box-shadow: 0 1px 10px #b1b1b1;

			image{
				border-radius:8upx;
			}
    }

    .item-right {
			flex: 1;
      overflow: hidden;
      height: 200upx;
      padding-left: 25upx;
      position: relative;

			.title {
				font-size: 27upx;
				color: #616161;
				height: 40upx;
				line-height: 40upx;
      }
      
      .price {
        font-size: 24upx;
				height: 50upx;
        line-height:50upx;
        color: #d2d2d2;
      }

			.attr {
				font-size: $font-sm + 2upx;
				color: $font-color-light;
				height: 50upx;
				line-height: 50upx;
			}
    }

		.del-btn {
			padding: 0upx 20upx;
      font-size: 34upx;
      height: 200upx;
			color: $font-color-light;
		}
  }

  .action-section {
    box-shadow: 0 1px 10px #dedede;
		margin-bottom: 50px;
		position: fixed;
		left: 0upx;
		bottom: 0upx;
		z-index: 95;
		display: flex;
		align-items: center;
		width: 100%;
		height: 100upx;
		padding: 0 30upx;
    background: rgba(255,255,255,.9);
    
    .total-box{
			flex: 1;
			display:flex;
			flex-direction: column;
			text-align:right;
      padding-right: 20upx;

			.price{
				font-size: 26upx;
				color: #fa436a;
      }
    }
    
    .confirm-btn{
			padding: 0 35upx;
			margin: 0;
			border-radius: 100px;
			height: 60upx;
			line-height: 60upx;
			font-size: 26upx;
			background: $uni-color-primary;
			box-shadow: 1px 2px 5px rgba(217, 60, 93, 0.72)
		}
  }

  .checkbox{
    height:52upx;
    position:relative;

    image{
      width: 52upx;
      height: 100%;
      position:relative;
      z-index: 5;
    }
  }
  .clear-btn{
    position:absolute;
    left: 26upx;
    top: 0;
    z-index: 4;
    width: 120upx;
    height: 60upx;
    line-height: 60upx;
    padding-left: 38upx;
    font-size: 26upx;
    color: #616161;
    border-radius:0 50px 50px 0;

    &.show{
      width: 120upx;
    }
  }
}














	.container{
		padding-bottom: 134upx;
		/* 空白页 */
		.empty{
			position:fixed;
			left: 0;
			top:0;
			width: 100%;
			height: 100vh;
			padding-bottom:100upx;
			display:flex;
			justify-content: center;
			flex-direction: column;
			align-items:center;
			background: #fff;
			image{
				width: 240upx;
				height: 160upx;
				margin-bottom:30upx;
			}
			.empty-tips{
				display:flex;
				font-size: $font-sm+2upx;
				color: $font-color-disabled;
				.navigator{
					color: $uni-color-primary;
					margin-left: 16upx;
				}
			}
		}
  }


  
.action-section .checkbox.checked,
.cart-item .checkbox.checked{
  color: $uni-color-primary;
}
.btn-item{
  box-shadow: 0 20upx 40upx -16upx #fa436a;
  box-shadow: 1px 2px 5px rgba(219, 63, 96, 0.4);
  background: linear-gradient(to right, #ffac30,#fa436a,#F56C6C);
  border-radius: 100px;
}
  /* background: linear-gradient(#ffac30, #fa436a, #F56C6C) */
.btn1{
  float: left;
  background: initial !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.btn2{
  float: left;
  background: initial !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}